<template>
	<view>
		<cu-custom bgImage="https://image.weilanwl.com/color2.0/plugin/cjkz2329.jpg" isBack="true"><block slot="content">用户注册</block></cu-custom>
		<view class="zai-box">
			<image src="../../static/zaizai-login/register.png" mode="aspectFit" class="zai-logo"></image>
			<view class="zai-title">LOGO区域</view>
			<view class="zai-form">
				<input class="zai-input" placeholder-class placeholder="请输入用户名" />
				<input class="zai-input" placeholder-class password placeholder="请输入密码" />
				<input class="zai-input" placeholder-class password placeholder="请再输入一次密码" />
				<button class="zai-btn">立即注册</button>
				<navigator url="/pages/login/login" open-type="navigateBack" hover-class="none" class="zai-label">已有账号，点此去登录.</navigator>
			</view>
		</view>
	</view>
</template>

<script></script>

<style>
page {
	background-color: #ffffff;
}
.zai-box {
	margin-top: 100rpx;
	padding: 0 100upx;
	position: relative;
}
.zai-logo {
	width: 100%;
	width: 100%;
	height: 310upx;
}
.zai-title {
	position: absolute;
	top: 0;
	line-height: 360upx;
	font-size: 68upx;
	color: #fff;
	text-align: center;
	width: 100%;
	margin-left: -100upx;
}
.zai-form {
	margin-top: 300upx;
}
.zai-input {
	background: #e2f5fc;
	margin-top: 30upx;
	border-radius: 100upx;
	padding: 20upx 40upx;
	font-size: 36upx;
	box-sizing: initial;
}
.input-placeholder,
.zai-input {
	color: #94afce;
}
.zai-label {
	padding: 60upx 0;
	text-align: center;
	font-size: 30upx;
	color: #a7b6d0;
}
.zai-btn {
	background: #ff65a3;
	color: #fff;
	border: 0;
	border-radius: 100upx;
	font-size: 36upx;
	margin-top: 60upx;
}
.zai-btn:after {
	border: 0;
}
/*按钮点击效果*/
.zai-btn.button-hover {
	transform: translate(1upx, 1upx);
}
</style>
